﻿<%@ Page Title="Kakaroto's Checkout" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Checkout.aspx.cs" Inherits="Kakaroto.Caixa.Checkout" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">

    
    <asp:UpdatePanel ID="PanelAll" runat="server">
        <ContentTemplate>            
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h5>Mesa:
                       <asp:Label ID="lblMesa" runat="server" Font-Size="Large"></asp:Label>
                    </h5>
                </div>
            </div>

            <div class="row">
                <div id="col_1" class="col-sm-5">
                    
                    <asp:UpdatePanel ID="Panel1" runat="server">
                        <ContentTemplate>

                            <div class="input-group">
                              <span class="input-group-addon" style="width:120px; text-align:right">Serviço (%):</span>
                              <asp:TextBox ID="Servico" runat="server" placeholder="10" TextMode="Number" Width="180px" CssClass="form-control"></asp:TextBox>
                            </div><br />

                            <div class="input-group">
                              <span class="input-group-addon" style="width:120px; text-align:right">Desconto (%):</span>
                              <asp:TextBox ID="Desconto" runat="server" placeholder="0" TextMode="Number" Width="180px" CssClass="form-control"></asp:TextBox>
                            </div><br />

                            <div class="panel panel-danger" style="width:300px;">
                                <div class="panel-heading"></div>
                                <div class="panel-body">
                                   <p><span style="text-decoration:underline">SubTotal</span>: R$<asp:Label ID="lblSubTotal" runat="server"></asp:Label></b></p>
                                   <p><span style="text-decoration:underline">Serviço</span>: R$<asp:Label ID="lblServico" runat="server"></asp:Label></p>
                                   <p><span style="text-decoration:underline">Desconto</span>: R$<asp:Label ID="lblDesconto" runat="server"></asp:Label></p>
                                   <div class="alert alert-danger" role="alert">
                                       <p>Total: <b>R$<asp:Label ID="lblTotal" runat="server"></asp:Label></b></p>
                                    </div>
                                </div>
                            </div>

                            <asp:Button ID="UpdatePedidoBtn" runat="server" Text="Atualizar" OnClick="UpdatePedidoBtn_Click" style="display:none" CssClass="btn btn-primary" />

                        </ContentTemplate>
                    </asp:UpdatePanel>

                </div>
                <div class="col-sm-5">
                    
                        <asp:UpdatePanel ID="Panel2" runat="server">
                            <ContentTemplate>
                                <div class="input-group">
                                  <span class="input-group-addon" style="width:120px; text-align:right">Pagar com:</span>
                                  <asp:DropDownList ID="Tipo_Pagamento" runat="server" Width="180px" CssClass="form-control">
                                                <asp:ListItem Text="Dinheiro" Value="Dinheiro"></asp:ListItem>
                                                <asp:ListItem Text="Cartão" Value="Cartão"></asp:ListItem>
                                  </asp:DropDownList>                      
                                </div><br />
                    
                                <div class="input-group">
                                  <span class="input-group-addon" style="width:120px; text-align:right">Recebido (R$):</span>
                                  <asp:TextBox ID="Quantia_Recebida" runat="server" Width="180px" CssClass="form-control"></asp:TextBox>
                                </div><br />
                    
                                <div class="panel panel-default" style="width:300px;">
                                    <div class="panel-body">
                                        <p><span style="text-decoration:underline">Troco</span>: R$<asp:Label ID="lblTroco" runat="server"></asp:Label></p>
                                    </div>
                                </div>

                                <asp:Button ID="UpdateBtn" runat="server" Text="Atualizar" OnClick="UpdatePedidoBtn_Click" CssClass="btn btn-primary" />
                                <asp:Button ID="CancelBtn" runat="server" Text="Cancelar" OnClick="CancelBtn_Click" CssClass="btn btn-default" />

                                <hr />
                                <asp:Button ID="CheckoutBtn" runat="server" Text="Checkout" OnClick="CheckoutBtn_Click" CssClass="btn btn-danger" />
                            </ContentTemplate>
                        </asp:UpdatePanel>
    
                </div>
            </div>           

        </ContentTemplate>
    </asp:UpdatePanel>
        
</asp:Content>
